<!doctype html>
<html lang="en">
  
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Name of page - T4 University</title>

    <link rel="stylesheet" href="/css/style.css" />

    <link rel="stylesheet" href="/css/framework.css" />

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">    

  </head>

<body>
  
<div class="off-canvas-wrap" data-offcanvas>
  <div class="inner-wrap">
    <header class="site-header">
      <div class="row">
        <div class="small-8 small-centered medium-uncentered medium-4 columns">

          <a href="/home.html">

            <svg width="303" height="123">

              <image xlink:href="/style-assets/img/t4u-logo.svg" src="/style-assets/img/t4u-logo.png" width="303" height="123" />
 
            </svg>
          
	  </a>
        </div>
        <div class="small-8 columns text-right hide-for-small-only">
          <div class="header-links clearfix">
            <ul class="inline-list right">
              <li><a href="#1">Header link 1</a></li>
              <li><a href="#2">Header link 2</a></li>
              <li><a href="#3">Header link 3</a></li>
            </ul>
          </div>
          <div class="contact-links clearfix">
            <ul class=" inline-list right">
              <li><i class="fa fa-phone"></i> <a href="tel://+1555123456">+1 555 123 456</a></li>
              <li><i class="fa fa-envelope"></i> <a href="mailto:info@t4u.edu">info@t4u.edu</a></li>
            </ul>
          </div>
        </div>
      </div><!-- row -->
    </header>


  <div class="contain-to-grid sticky">
  
    <nav class="primary-nav top-bar" data-topbar data-options="sticky_on: large">
      
      <ul class="title-area">
        <li class="name"><a href="/home.html"></a></li><!-- need to leave this in but empty for menu to function correctly -->
        <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
      </ul>
      
      <section class="top-bar-section">
        <div class="row collapse">
        <ul class="left large-8 columns">
          <li><a href="#">Link 1</a></li>
          <li><a href="#">Link 2</a></li>
          <li><a href="#">Link 3</a></li>
          <li><a href="#">Link 4</a></li>
          <li><a href="#">Link 5</a></li>
        </ul>
        <ul class="right large-4 columns hide-for-medium-only">
          <li class="has-form">
            <div class="row collapse">
              <div class="small-10 columns">
                <input type="text" placeholder="Search" />
              </div>
              <div class="small-2 columns"><a href="#" class="button expand"><i class="fa fa-search"></i></a></div>
            </div>
          </li>
        </ul>
        </div>
      </section>
      
    </nav>
  </div><!-- /.sticky -->

   <div class="row">
      <div class="small-12 columns">
        <nav class="breadcrumbs"><a href="../breadcrumb-1/">Breadcrumb 1</a><a href="../breadcrumb-2/">Breadcrumb 2</a></nav>
      </div>
    </div>

<div class="row main-content">
  <div class="small-12 medium-9 medium-push-3 columns">